import React from 'react'
import './basicLayout.less'

const BasicLayout = ({ navEle, footer, renderRoute }) => {
  return (
    <div className="layouts">
      <div className="headerWrapper">{navEle}</div>
      <div className="mainContent" id="content">
        {renderRoute()}
      </div>
      <div className="footer">{footer}</div>
    </div>
  )
}

export default BasicLayout
